<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
	<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	<title>Document</title>
	<style>
		aside {
			background-color: #2e3f50;
			width: 15%;
			height: 100vh;
			float: left;
			color: #fff;
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: start;
			align-items: center;
		}

		header {
			width: 85%;
			background-color: #5268b7;
			color: #fff;
			height: 70px;
			float: right;
			border-radius: 2px;
		}

		.name {
			margin: 10px 0;
			line-height: 60px;
		}

		aside a {
			color: #fff;
		}
		aside a:hover {
			color: #999;
			text-shadow: 3px 3px 5px #000;
		}
		aside a.active {
			color: #999;
			text-shadow: 3px 3px 5px #000;
		}

		main {
			width: 85%;
			float: right;
		}
		.add {
			margin-top: 50px;
			padding: 20px;
			width: 70%;
		}
	</style>
</head>
<body>

	<aside class="shadow">
		<p class="h3">smbms</p>
		<p class="name"><span th:text="${session.username}">李明</span></p>
		<nav class="nav flex-column">
			<a class="nav-link" href="/home">
				<i class="bi bi-house-door-fill"></i>
				<span>首页</span>
			</a>
			<a class="nav-link" href="/showUser">
				<i class="bi bi-people-fill"></i>
				<span>用户管理</span>
			</a>
			<a class="nav-link active" href="#">
				<i class="bi bi-receipt-cutoff"></i>
				<span>账单管理</span>
			</a>
			<a class="nav-link" href="/showProvider">
				<i class="bi bi-cart-fill"></i>
				<span>供应商管理</span>
			</a>
			<a class="nav-link" href="/editPasswordHTML">
				<i class="bi bi-gear-fill"></i>
				<span>个人设置</span>
			</a>
			<a class="nav-link" href="/quit">
				<i class="bi bi-box-arrow-left"></i>
				<span>退出</span>
			</a>
		</nav>
	</aside>

	<header class="navbar shadow">
		<h3>超市账单管理系统</h3>
	</header>

	<main>
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="./home.html">Home</a></li>
				<li class="breadcrumb-item"><a href="./billList.html">账单管理</a></li>
				<li class="breadcrumb-item active" aria-current="page">更新账单</li>
			</ol>
		</nav>

		<div class="container">
			<div class="container shadow add">
				<form action="./registerSuccess.html">
					<!-- 订单编号 -->
					<div class="form-group row">
						<label for="billcode" class="col-sm-2 col-form-label">订单编码</label>
						<div class="col-sm-10">
							<input type="text" name="billcode" class="form-control" id="billcode" required>
						</div>
					</div>
					<!-- 商品名称 -->
					<div class="form-group row">
						<label for="goodname" class="col-sm-2 col-form-label">商品名称</label>
						<div class="col-sm-10">
							<input type="text" name="goodname" class="form-control" id="goodname" required>
						</div>
					</div>
					<!-- 商品单位 -->
					<div class="form-group row">
						<label for="productunit" class="col-sm-2 col-form-label">商品单位</label>
						<div class="col-sm-10">
							<input type="text" name="productunit" class="form-control" id="productunit" required>
						</div>
					</div>
					<!-- 商品数量 -->
					<div class="form-group row">
						<label for="count" class="col-sm-2 col-form-label">商品数量</label>
						<div class="col-sm-10">
							<input type="number" name="count" class="form-control" id="count" required>
						</div>
					</div>
					<!-- 总金额 -->
					<div class="form-group row">
						<label for="money" class="col-sm-2 col-form-label">总金额</label>
						<div class="col-sm-10">
							<input type="text" name="money" class="form-control" id="money" required>
						</div>
					</div>
					<!-- 供应商 -->
					<div class="form-group row">
						<label class="col-sm-2" for="proname">供应商</label>
						<div class="col-sm-10">
							<select id="proname" name="proname" class="form-control">
								<option value="">北京市粮油总公司</option>
								<option value="">邯郸市五得利面粉厂</option>
							</select>
						</div>
					</div>
					<fieldset class="form-group row">
						<legend class="col-form-label col-sm-2 float-sm-left pt-0">是否付款</legend>
						<div class="col-sm-10">
							<div class="form-check">
								<input class="form-check-input" type="radio" name="ispay" id="role1" value="1" checked>
								<label class="form-check-label" for="role1">
									未付款
								</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="ispay" id="role2" value="2">
								<label class="form-check-label" for="role2">
									已付款
								</label>
							</div>
						</div>
					</fieldset>
					<!-- 添加按钮 -->
					<div class="form-group row">
						<div class="col-sm-8"></div>
						<div class="col-sm-2">
							<a href="./userList.html"><input type="submit" class="btn btn-primary" value="返回"></button></a>
						</div>
						<div class="col-sm-2">
							<input type="submit" class="btn btn-primary" value="更新"></button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</main>

</body>
	<script>

	</script>
</html>